﻿@model Charades.Web.Models.ApplicationUser
@{
	Layout = null;
}
<div class="uk-grid uk-grid-small profile-container">
	<div class="uk-width-1-1">
		@*<ul class="uk-tab uk-tab-grid" data-uk-tab="{connect:'#tab-content'}">
					<li class="uk-active uk-width-1-3"><a href="">Профиль</a></li>
					<li class="uk-width-1-3"><a href="">Статистика</a></li>
					<li class="uk-width-1-3"><a href="">Достижения</a></li>
			</ul>*@
		<ul id="tab-content" class="uk-switcher uk-margin">
			<li class="uk-active uk-text-left">
				<div class="uk-clearfix">
					@using (Html.BeginForm("Logoff", "Account", FormMethod.Post, new { @class = "logoff-form" }))
					{
						@Html.AntiForgeryToken()
						<input type="submit" value="Выход" />
					}
					<div class="uk-width-1-1 uk-text-center">
						<img class="uk-border-circle uk-margin-top" id="avatar" width="125" height="125" alt="avatar" style="border: solid 5px @Model.Color;" src="">
						<h2>Добро пожаловать, <b id="name" class="user-name">@Model.DisplayName</b><input id="editName" type="text" class="uk-text-center" style="display: none;" value="@Model.DisplayName" size="10" />!</h2>
					</div>
				</div>
			</li>
			@*<li class="">
					456
				</li>
				<li class="">
					789
				</li>*@
		</ul>
	</div>
	<hr class="uk-width-1-1 uk-margin-small" />
	<div class="uk-width-1-1">
		<div class=" uk-grid uk-grid-small">
			@if (Model.WasBanned.HasValue && (DateTime.UtcNow - Model.WasBanned.Value).TotalHours < 2)
			{
				<div class="uk-width-1-1 uk-text-center uk-text-large">
					Вам временно закрыт доступ к публичным комнатам
				</div>
			}
			else
			{
				<div class="uk-width-1-1">
					<button id="startSpeedGame" class="uk-width-1-1 uk-button uk-button-success uk-button-large">Начать быструю игру</button>
				</div>
			}
			<div class="uk-width-1-1 uk-margin-small-top">
				<div class="uk-form uk-grid uk-grid-small uk-hidden">
					<div class="width-0" style="position: relative;">
						<input id="newRoomId" type="text" readonly="readonly" class="uk-form-large uk-text-center uk-width-1-1" />
						<i id="copy" class="uk-icon-copy uk-icon-small" data-uk-tooltip="{pos:'bottom-right',delay:500,offset:0,animation:true}" title="Копировать в буфер обмена"></i>
					</div>
					<button id="startNewRoom" class="uk-width-1-1 uk-button uk-button-danger uk-button-large">Начать</button>
				</div>
				<button id="createNewRoom" class="uk-width-1-1 uk-button uk-button-danger uk-button-large">Создать приватную комнату</button>
			</div>
			<div class="uk-width-1-1 uk-margin-small-top">
				<div class="uk-form uk-grid uk-grid-small">
					<div class="uk-width-3-5">
						<input id="roomId" type="text" data-uk-tooltip="{pos:'bottom',delay:1000,animation:true}" title="Вставка Ctrl+V или ⌘+V" placeholder="Код для входа в комнату" class="uk-form-large uk-text-center uk-width-1-1" />
					</div>
					<button id="connectToRoom" class="uk-width-2-5 uk-button uk-button-primary uk-button-large">Подключиться</button>
				</div>
			</div>
		</div>
	</div>
</div>
@using (Html.BeginForm(null, null, FormMethod.Post, new {id = "__AjaxAntiForgeryForm", @class = "uk-hidden" }))
{
	@Html.AntiForgeryToken()
}
